// console.log(1);
function getres(){
    console.log(localStorage.length);
    let arr=[];
    for (let i in localStorage)
    {
        // if(i === /^cart/)
        if(i.split('&')[0] === 'cart'){
            arr.push(JSON.parse(localStorage.getItem(i)));
        }
    }
    console.log(arr);
    
    

//     let arr = getId();

// let data = [];
// for (let id in arr) {
//     data.push(arr[id]);
// }
// console.log(data);
// render();
// //var getData=localStorage.getItem("/^cart/");
// //console.log(cart_data);
// // 重载数据
// function reload() {
//     arr.length = 0
//     for (var id in cart_data) {
//         data.push(cart_data[id]);
//     }
// }




//计算总价并且写入页面
function total() {
        let totalprice = 0;
        $("#shop").find(".p4").each((index, item) => {
            let price = 0;
            if ($(item).siblings("input[type = 'checkbox']").is(":checked") === true) {
                price = parseInt($(item).text().slice(1));
            }
            totalprice += price;
        })
        $(".jiesuan .li6 span").text("￥" + totalprice)
    }
    //let arr = getId();
    total()



    function render() {
        let html = '';
        for (var i = 0; i < arr.length; i++) {
            html = `<div class = "shop" data-id = ${arr[i].id}>
                                <input type="checkbox" class="ck" />
                                <div class="tp">
                                    <img src="${arr[i].img.src}">
                                </div>
                                <p class="p1">${arr[i].title}</p>
                                <p class="p3">${arr[i].price}</p>
                                <div class="jj" data-id = ${arr[i].id}>
                                    <p class="jian">-</p>
                                    <input type="text" class="num" value="${1}">
                                    <p class="jia">+</p>
                                </div>
                                <p class="p4" >￥${parseInt(arr[i].price.slice(0))*1}</p>
                                <p class="p5">
                                    删除
                                </p>
                        </div>`
            $("#shop").append(html);
        }
        //total()
    }
    render()



    // 商品加
$("#shop").find(".jia").on("click", (e) => {
    let id = $(e.target).parent().attr("id")
        // console.log(id);
    arr[id].count++;

    $(e.target).parent().find(".num").val(arr[id].count)
    save();
    reload()
    $('.p4').each((index, item) => {
        $(item).text('￥' + parseInt(data[index].price.slice(1)) * data[index].count)
    })
    total()
})

// 商品减
$("#shop").find(".jian").on("click", (e) => {
    let id = $(e.target).parent().attr("id")
    console.log("down")
    if (attr[id].count < 2) {
        delete attr[id]
        $(e.target).parent().parent().remove()
    } else {
        attr[id].count--
    }
    try {
        $(e.target).parent().find(".num").val(attr[id].count)
    } catch (e) {

    }
    save();
    reload()
    $('.p4').each((index, item) => {
        $(item).text('￥' + parseInt(data[index].price.slice(1)) * data[index].count)
    })
    total()
})

// 删除数据
$("#shop").find(".p5").on("click", (e) => {
    let id = $(e.target).parent().attr("id")
    delete arr[id]
    $(e.target).parent().remove()
    save();
    total()

})

// 清空购物车
$("#clear").on("click", (e) => {
    for (var id in arr) {
        delete arr[id];
        $("#shop").remove()
    }
    save();
    total();

});

// 全选商品
$(".shopcar").on("change", "#all2", () => {
    if ($("#all2").is(":checked")) {
        $("#shop").find("input[type='checkbox']").each((index, item) => {
            $(item).prop("checked", true);
        })
        totalnum = $("#shop").children().length;
    } else {
        $("#shop").find("input[type='checkbox']").each((index, item) => {
            $(item).prop("checked", false);
        })
        totalnum = 0;
    }
    $(".jiesuan .li5 span").text(totalnum);
    total();
})

// 计算当前选中总件数
let totalnum = 0;
$("#shop").find("input[type='checkbox']").on("change", (e) => {
    if ($(e.target).is(":checked")) {
        $(e.target).prop("checked", true);
        totalnum++;
    } else {
        totalnum--;
    }
    total();
    $(".jiesuan .li5 span").text(totalnum);
})

// 结算勾选中的商品
$("#settlement").on("click", () => {
    if (parseInt($(".jiesuan .li6 span").text().slice(1)) === 0) {
        alert("请选择您要支付的商品");
    } else {
        alert("您要支付" + $(".jiesuan .li6 span").text());
        $("#shop").find($("input[type='checkbox']")).each((index, item) => {
            if ($(item).is(":checked") === true) {
                var id = $(item).parent().attr("data-id");
                delete arr[id];
                $(item).parent().remove()
            }
        })
    }
    save();
    reload();
})

// 保存数据
function save() {
    
    localStorage.setItem("cart&" + this.url,JSON.stringify(_this.data.info));
}













    return arr;


    
    
    // for(let i in localStorage.getItem.length)
}

// console.log(localStorage.length);
getres();




//计算总价并且写入页面
// function total() {
//         let totalprice = 0;
//         $("#shop").find(".p4").each((index, item) => {
//             let price = 0;
//             if ($(item).siblings("input[type = 'checkbox']").is(":checked") === true) {
//                 price = parseInt($(item).text().slice(1));
//             }
//             totalprice += price;
//         })
//         $(".jiesuan .li6 span").text("￥" + totalprice)
//     }
//     let cart_data = getId();
//     console.log(cart_data);

// 渲染购物车


// let cart_data = getId();
// console.log(cart_data);
// let data = [];
// for (let id in cart_data) {
//     data.push(cart_data[id]);
// }
// console.log(data);
// render();
// //var getData=localStorage.getItem("/^cart/");
// //console.log(cart_data);
// // 重载数据
// function reload() {
//     data.length = 0
//     for (var id in cart_data) {
//         data.push(cart_data[id]);
//     }
// }

// // 获取购物车数据
// function getId() {
//     // try {
//     //     let data = JSON.parse(localStorage.getItem(""))
       
//     //     if (data === null) {
//     //         return {}
//     //     }
//     //     return data;
//     // } catch (e) {
//     //     return {};
//     // }
// } 
// // console.log(data);




// // 计算总价并且写入页面
// function total() {
//     let totalprice = 0;
//     $("#shop").find(".p4").each((index, item) => {
//         let price = 0;
//         if ($(item).siblings("input[type = 'checkbox']").is(":checked") === true) {
//             price = parseInt($(item).text().slice(1));
//         }
//         totalprice += price;
//     })
//     $(".jiesuan .li6 span").text("￥" + totalprice)

// }

// // 渲染购物车
// function render() {
//     let html = '';
//     for (var i = 0; i < data.length; i++) {
//         html = `<div class = "shop" data-id = ${data[i].id}>
//                             <input type="checkbox" class="ck" />
//                             <div class="tp">
//                                 <img src="${data[i].src}">
//                             </div>
//                             <p class="p1">${data[i].subheading}</p>
//                             <p class="p3">${data[i].price}</p>
//                             <div class="jj" data-id = ${data[i].id}>
//                                 <p class="jian">-</p>
//                                 <input type="text" class="num" value="${data[i].count}">
//                                 <p class="jia">+</p>
//                             </div>
//                             <p class="p4" >￥${parseInt(data[i].price.slice(1))*data[i].count}</p>
//                             <p class="p5">
//                                 删除
//                             </p>
//                     </div>`
//         $("#shop").append(html);
//     }
//     total()
// }

// // 商品加
// $("#shop").find(".jia").on("click", (e) => {
//     let id = $(e.target).parent().attr("data-id")
//         // console.log(id);
//     cart_data[id].count++;

//     $(e.target).parent().find(".num").val(cart_data[id].count)
//     save();
//     reload()
//     $('.p4').each((index, item) => {
//         $(item).text('￥' + parseInt(data[index].price.slice(1)) * data[index].count)
//     })
//     total()
// })

// // 商品减
// $("#shop").find(".jian").on("click", (e) => {
//     let id = $(e.target).parent().attr("data-id")
//     console.log("down")
//     if (cart_data[id].count < 2) {
//         delete cart_data[id]
//         $(e.target).parent().parent().remove()
//     } else {
//         cart_data[id].count--
//     }
//     try {
//         $(e.target).parent().find(".num").val(cart_data[id].count)
//     } catch (e) {

//     }
//     save();
//     reload()
//     $('.p4').each((index, item) => {
//         $(item).text('￥' + parseInt(data[index].price.slice(1)) * data[index].count)
//     })
//     total()
// })

// // 删除数据
// $("#shop").find(".p5").on("click", (e) => {
//     let id = $(e.target).parent().attr("data-id")
//     delete cart_data[id]
//     $(e.target).parent().remove()
//     save();
//     total()

// })

// // 清空购物车
// $("#clear").on("click", (e) => {
//     for (var id in cart_data) {
//         delete cart_data[id];
//         $("#shop").remove()
//     }
//     save();
//     total();

// });

// // 全选商品
// $(".shopcar").on("change", "#all2", () => {
//     if ($("#all2").is(":checked")) {
//         $("#shop").find("input[type='checkbox']").each((index, item) => {
//             $(item).prop("checked", true);
//         })
//         totalnum = $("#shop").children().length;
//     } else {
//         $("#shop").find("input[type='checkbox']").each((index, item) => {
//             $(item).prop("checked", false);
//         })
//         totalnum = 0;
//     }
//     $(".jiesuan .li5 span").text(totalnum);
//     total();
// })

// // 计算当前选中总件数
// let totalnum = 0;
// $("#shop").find("input[type='checkbox']").on("change", (e) => {
//     if ($(e.target).is(":checked")) {
//         $(e.target).prop("checked", true);
//         totalnum++;
//     } else {
//         totalnum--;
//     }
//     total();
//     $(".jiesuan .li5 span").text(totalnum);
// })

// // 结算勾选中的商品
// $("#settlement").on("click", () => {
//     if (parseInt($(".jiesuan .li6 span").text().slice(1)) === 0) {
//         alert("请选择您要支付的商品");
//     } else {
//         alert("您要支付" + $(".jiesuan .li6 span").text());
//         $("#shop").find($("input[type='checkbox']")).each((index, item) => {
//             if ($(item).is(":checked") === true) {
//                 var id = $(item).parent().attr("data-id");
//                 delete cart_data[id];
//                 $(item).parent().remove()
//             }
//         })
//     }
//     save();
//     reload();
// })

// // 保存数据
// function save() {
//     localStorage.setItem("cart", JSON.stringify(cart_data));
// }